/* retina 边框函数基础声明，不包含 border 部分，主要用于在 #retina-border 函数里继承 */
@import url('mybootstrap.css');
#retina-border-basic,
.retina-border-all,
.retina-border-top,
.retina-border-right,
.retina-border-bottom,
.retina-border-left,
.retina-border-bottom-ccc {
  position: relative;
}
#retina-border-basic:before,
.retina-border-all:before,
.retina-border-top:before,
.retina-border-right:before,
.retina-border-bottom:before,
.retina-border-left:before,
.retina-border-bottom-ccc:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  transform-origin: left top;
  box-sizing: border-box;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 2) {
  #retina-border-basic:before,
  .retina-border-all:before,
  .retina-border-top:before,
  .retina-border-right:before,
  .retina-border-bottom:before,
  .retina-border-left:before,
  .retina-border-bottom-ccc:before {
    width: 200%;
    height: 200%;
    transform: scale(0.5);
  }
}
@media (-webkit-min-device-pixel-ratio: 3) {
  #retina-border-basic:before,
  .retina-border-all:before,
  .retina-border-top:before,
  .retina-border-right:before,
  .retina-border-bottom:before,
  .retina-border-left:before,
  .retina-border-bottom-ccc:before {
    width: 300%;
    height: 300%;
    transform: scale(0.33333333);
  }
}
/* 设置圆角（如果圆角大于0，则添加圆角的代码） */
/* retina 边框函数核心声明 */
.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.flex .flex-item {
  text-align: center;
}
body {
  background-color: #fff;
}
/* 全边框 */
.retina-border-all:before {
  border-width: 1px;
  border-style: solid;
  border-color: #e1e1e1;
}
/* 上边框 */
.retina-border-top:before {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: red;
}
/* 右边框 */
.retina-border-right:before {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-color: #e1e1e1;
}
/* 下边框 */
.retina-border-bottom:before {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #e1e1e1;
}
/* 左边框 */
.retina-border-left:before {
  border-width: 0 0 0 1px;
  border-style: solid;
  border-color: #e1e1e1;
}
.retina-border-bottom-ccc:before {
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ccc;
}
@font-face {
  font-family: 'iconfont';
  /* project id 804813 */
  src: url('//at.alicdn.com/t/font_804813_iycoqpfxbjc.eot');
  src: url('//at.alicdn.com/t/font_804813_iycoqpfxbjc.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_804813_iycoqpfxbjc.woff') format('woff'), url('//at.alicdn.com/t/font_804813_iycoqpfxbjc.ttf') format('truetype'), url('//at.alicdn.com/t/font_804813_iycoqpfxbjc.svg#iconfont') format('svg');
}
